<template>
  <!--  数理一下 他们都在我们的左侧区域里面
  并且是在我们的menu里面 menu 又分好几种-->
  <el-aside width="200px" style="height: 100%;">
    <!--    导航菜单    -->
    <!-- 这个是我们的   -->
    <el-menu
      default-active="1"
      class="el-menu-vertical-demo" router>
      <!--      我们加上这个-->
      <el-menu-item index="/index1">
        <i class="el-icon-setting"></i>
        <span slot="title">首页</span>
      </el-menu-item>


      <el-menu-item index="/storage">
        <i class="el-icon-setting"></i>
        <span slot="title">数据管理</span>
      </el-menu-item>


      <el-menu-item index="/userAdmin">
        <i class="el-icon-setting"></i>
        <span slot="title">用户管理</span>
      </el-menu-item>


      <!--有子集 这样的是可以书写子集的地方 -->
      <el-submenu index="/info" style="height: 600px">
        <template slot="title">信息管理</template>
        <el-menu-item index="/info/list">信息列表</el-menu-item>
        <el-menu-item index="/info/user">用户列表</el-menu-item>
      </el-submenu>

      <!--      如果大家还想要进行添加的话 我们就又要进行不同的操作 我们可以继续加-->


    </el-menu>
  </el-aside>
</template>

<script>
  export default {
    name: "navMenu"
  }
</script>

<style scoped>

</style>
